<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
  html { height: 100% }
  body { height: 100%; margin: 0px; padding: 0px }
  #map_canvas { height: 100% }
</style>
<script type="text/javascript"
    src="http://maps.google.com/maps/api/js?sensor=false">
</script>

  <script type="text/javascript">
    function initialize() {
      var latlng = new google.maps.LatLng(-34.397, 150.644);
      var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      var map = new google.maps.Map(document.getElementById("map_canvas"),myOptions);
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
      var geoXml = new GGeoXml('http://jbobos.googlecode.com/svn/trunk/gadget/my.kml');
      map.addOverlay(geoXml);
      //map.setCenter(new GLatLng(47.613976,-122.345467), 13);
    }
  </script>
</head>
<body onload="initialize()">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>